<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <meta http-equiv="X-UA-Compatible" content="ie=edge">
    <title>裙子</title>
    <!-- <link rel="stylesheet" href="../css/reset.css"> -->
    <link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/vant@2.2/lib/index.css">
    <link rel="stylesheet" href="../css/clothes.css">
</head>
<body>
    <script src="../js/vue.js"></script>
    <script src="https://cdn.jsdelivr.net/npm/vant@2.2/lib/vant.min.js"></script>
    <div id="container">
        <!--返回框 start-->
        <div class="back">
            <!-- left-arrow显示左侧箭头，fixed固定在顶部 -->
            <van-nav-bar title="裙子" left-text="返回" left-arrow fixed v-on:click-left='onClickLeft'>
                <van-icon name="search" slot="right" />
            </van-nav-bar>
        </div>
        <!--返回框 end-->

        <!--skirt列表 start-->
        <div class="list">
            <ul>
                <li>
                    <img src="https://img.alicdn.com/imgextra/i3/14197825/O1CN01b550Bd27ftmmmsy9s_!!14197825.jpg" alt="">
                    <div class="describe">
                        <p class="title">仿貂绒半高领针织连衣裙女秋冬长款毛衣裙过膝拼网纱内搭打底裙子</p>
                        <p class="price"><span>¥<em>139</em></span>&nbsp;&nbsp;已售1000件</p>
                    </div>
                </li>
            </ul>
            <ul>
                <li>
                    <img src="https://gd2.alicdn.com/imgextra/i2/570643135/O1CN01B7VXGT1Z1sEZmwq2C_!!570643135.jpg" alt="">
                    <div class="describe">
                        <p class="title">秋冬礼服女新款重工刺绣蕾丝连衣裙长袖复古裙子超仙女森系长款</p>
                        <p class="price"><span>¥<em>135</em></span>&nbsp;&nbsp;已售60件</p>
                    </div>
                </li>
            </ul>
            <ul>
                <li>
                    <img src="https://img.alicdn.com/imgextra/i3/731648676/O1CN01VqtVhF2DxepzmJBSS_!!731648676.jpg" alt="">
                    <div class="describe">
                        <p class="title">2019新款秋冬打底小个子衬衫裙毛衣马甲两件套连衣裙套装裙子韩版</p>
                        <p class="price"><span>¥<em>128</em></span>&nbsp;&nbsp;已售408件</p>
                    </div>
                </li>
            </ul>
            <ul>
                <li>
                    <img src="https://img.alicdn.com/bao/uploaded/i1/134348404/O1CN01jlLtKs2Bx55UnZuuX_!!134348404.jpg" alt="">
                    <div class="describe">
                        <p class="title">原创森女部落显瘦气质两件套背带连衣裙秋装新款2019年流行裙子系</p>
                        <p class="price"><span>¥<em>100</em></span>&nbsp;&nbsp;已售467件</p>
                    </div>
                </li>
            </ul>
            <ul>
                <li>
                    <img src="https://img.alicdn.com/bao/uploaded/i1/134348404/O1CN01PPmHpr2Bx55zpULK6_!!134348404.jpg" alt="">
                    <div class="describe">
                        <p class="title">原创森女部落egg裙法式初恋小香风连衣裙仙名媛气质秋季2019新款</p>
                        <p class="price"><span>¥<em>158</em></span>&nbsp;&nbsp;已售1400件</p>
                    </div>
                </li>
            </ul>
            <ul>
                <li>
                    <img src="https://gw.alicdn.com/imgextra/i3/134348404/O1CN01wUaOoa2Bx572b5PaE_!!134348404-0-pixelsss.jpg" alt="">
                    <div class="describe">
                        <p class="title">12.21新品 原创森女部落月汐宫雪纺蕾丝连衣裙超仙仙女气质内搭裙</p>
                        <p class="price"><span>¥<em>228</em></span>&nbsp;&nbsp;已售40件</p>
                    </div>
                </li>
            </ul>
        </div>
        <!--skirt列表 end-->
        <!--列表底部 start-->
        <div>
            
        </div>
        <!--列表底部 end-->
    </div>
    <script>
        var vm = new Vue({
            el: "#container",
            methods: {
                onClickLeft:function(){
                    window.location.href='../html/home.html'
                }
            },
        })
    </script>
</body>
</html>